<template>
  <router-view></router-view>
</template>

<script setup lang="ts">
import { useTestStore } from "./store";
import { storeToRefs } from "pinia";
const Test = useTestStore();

// 需要注意pinia结构出来的数据不具有响应式 也可以后期手动操作
const { current, name } = storeToRefs(Test);

console.log(current, name);

// 修改仓库里的值  有如下方法
//1 Test.current++

//2 Test.$patch({current:888,name:"666"})

//3
// const change = () => {
//   Test.$patch((state) => {
//     // 可以加入自己的逻辑
//     state.current = 999;
//     state.name = "刘聪";
//   });
// };

//4 不常用

//5 触发从库内定义好的方法
const change = () => {
  Test.current++;
};
</script>

<style  lang="less">
@import "./assets/css/main.less";
</style>
